84:I[903690,["/chat-static/_next/static/immutable/chunks/196gtrnm34jez.js","/chat-static/_next/static/immutable/chunks/2d5ra3e0435kr.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l8fzjkdgt0wd.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/1nag2_qii5d3b.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/35m4vqxcs65-t.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/0ocytjp9zxitf.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/1dwxre2ob1wlz.js","/chat-static/_next/static/immutable/chunks/43-jsj0fq5lhp.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/1w6qqgfpk6ysv.js","/chat-static/_next/static/immutable/chunks/0wekn8517kmiz.js","/chat-static/_next/static/immutable/chunks/3db-uyiz6we29.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3eajo0i8vj831.js"],"ExplicitChatIdProvider"] 85:I[838238,["/chat-static/_next/static/immutable/chunks/196gtrnm34jez.js","/chat-static/_next/static/immutable/chunks/2d5ra3e0435kr.js","/chat-static/_next/static/immutable/chunks/1enj0--qh8_5a.js","/chat-static/_next/static/immutable/chunks/0m1kq5rn-0ww-.js","/chat-static/_next/static/immutable/chunks/1sitju1_d7il0.js","/chat-static/_next/static/immutable/chunks/3l8fzjkdgt0wd.js","/chat-static/_next/static/immutable/chunks/3xk_70lpaq4rr.js","/chat-static/_next/static/immutable/chunks/0ko_j9ax7y6x0.js","/chat-static/_next/static/immutable/chunks/01baumogimg6p.js","/chat-static/_next/static/immutable/chunks/33yo_g45dr57n.js","/chat-static/_next/static/immutable/chunks/0sf49n39-457l.js","/chat-static/_next/static/immutable/chunks/2y4tmciu_pml1.js","/chat-static/_next/static/immutable/chunks/42f8gzjthz4xm.js","/chat-static/_next/static/immutable/chunks/0z_kwscs0-xkv.js","/chat-static/_next/static/immutable/chunks/1zwrrh1n1isp0.js","/chat-static/_next/static/immutable/chunks/1nag2_qii5d3b.js","/chat-static/_next/static/immutable/chunks/2297wuuoux0mr.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/3knm8li7yvqyy.js","/chat-static/_next/static/immutable/chunks/365o88upxg8nb.js","/chat-static/_next/static/immutable/chunks/35m4vqxcs65-t.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/2i3ljaggpd7p4.js","/chat-static/_next/static/immutable/chunks/0jv8_sp12utf0.js","/chat-static/_next/static/immutable/chunks/1e462i1ma5hqc.js","/chat-static/_next/static/immutable/chunks/0jywfwuiu_hpq.js","/chat-static/_next/static/immutable/chunks/3e68w17lftq23.js","/chat-static/_next/static/immutable/chunks/2ic8lww1-lsd6.js","/chat-static/_next/static/immutable/chunks/0ocytjp9zxitf.js","/chat-static/_next/static/immutable/chunks/1bfn_hru-4enh.js","/chat-static/_next/static/immutable/chunks/38fcx4vaj9p6g.js","/chat-static/_next/static/immutable/chunks/1dwxre2ob1wlz.js","/chat-static/_next/static/immutable/chunks/43-jsj0fq5lhp.js","/chat-static/_next/static/immutable/chunks/0p9rde4dp8mlf.js","/chat-static/_next/static/immutable/chunks/1w6qqgfpk6ysv.js","/chat-static/_next/static/immutable/chunks/0wekn8517kmiz.js","/chat-static/_next/static/immutable/chunks/3db-uyiz6we29.js","/chat-static/_next/static/immutable/chunks/2g2_401nxyrm5.js","/chat-static/_next/static/immutable/chunks/11o1o6qzk3ejc.js","/chat-static/_next/static/immutable/chunks/2nu9j7-o_9ilo.js","/chat-static/_next/static/immutable/chunks/3eajo0i8vj831.js"],"SWRDataProvider"] 86:Te8ef,[V0_FILE]css:file="app/globals.css" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); --font-typekit: var(--font-typekit-primary, inherit); --font-adelle-mono: var(--font-adelle-mono, inherit); --font-adelle-mono-flex: var(--font-adelle-mono-flex, inherit); --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar: var(--sidebar); --color-chart-5: var(--chart-5); --color-chart-4: var(--chart-4); --color-chart-3: var(--chart-3); --color-chart-2: var(--chart-2); --color-chart-1: var(--chart-1); --color-ring: var(--ring); --color-input: var(--input); --color-border: var(--border); --color-destructive: var(--destructive); --color-brand-red: var(--brand-red); --color-red-600: var(--brand-red); --color-red-700: #a01b26; --color-accent-foreground: var(--accent-foreground); --color-accent: var(--accent); --color-muted-foreground: var(--muted-foreground); --color-muted: var(--muted); --color-secondary-foreground: var(--secondary-foreground); --color-secondary: var(--secondary); --color-primary-foreground: var(--primary-foreground); --color-primary: var(--primary); --color-popover-foreground: var(--popover-foreground); --color-popover: var(--popover); --color-card-foreground: var(--card-foreground); --color-card: var(--card); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); } :root { --radius: 0.625rem; --brand-red: #b91f2e; --brand-red-oklch: oklch(0.445 0.185 16.18); --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.205 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.205 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.922 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.704 0.191 22.216); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.556 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(1 0 0 / 10%); --sidebar-ring: oklch(0.556 0 0); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } html { scroll-behavior: smooth; } } @layer utilities { .font-typekit { font-family: var(--font-typekit); } .font-adelle-mono { font-family: var(--font-adelle-mono); } .font-adelle-mono-flex { font-family: var(--font-adelle-mono-flex); } /* Hide scrollbar for horizontally scrolling nav while keeping scrollability */ .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .no-scrollbar::-webkit-scrollbar { display: none; /* Chrome, Safari */ } .bg-brand-red { background-color: var(--brand-red); } .text-brand-red { color: var(--brand-red); } .border-brand-red { border-color: var(--brand-red); } .hover\:bg-brand-red-dark:hover { background-color: #a01b26; } .dither-divider { height: 120px; position: relative; background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.12) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0) 70%); background-size: 6px 6px, 100% 100%; filter: grayscale(100%); } /* Neutral halftone pattern for section backgrounds */ .dither-bg { background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.04) 1px, transparent 1px); background-size: 6px 6px; background-blend-mode: normal; } .dark .dither-bg { background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.06) 1px, transparent 1px); } /* Custom slider styling */ .slider { background: #4a5568; border-radius: 5px; outline: none; transition: all 0.2s ease; } .slider::-webkit-slider-thumb { appearance: none; height: 20px; width: 20px; border-radius: 50%; background: var(--brand-red); cursor: pointer; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); transition: all 0.2s ease; } .slider::-webkit-slider-thumb:hover { background: #d62e3b; transform: scale(1.1); box-shadow: 0 4px 12px rgba(185, 31, 46, 0.4); } .slider::-moz-range-thumb { height: 20px; width: 20px; border-radius: 50%; background: var(--brand-red); cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); transition: all 0.2s ease; } .slider::-moz-range-thumb:hover { background: #d62e3b; transform: scale(1.1); box-shadow: 0 4px 12px rgba(185, 31, 46, 0.4); } .slider:focus { box-shadow: 0 0 0 2px rgba(185, 31, 46, 0.3); } } [V0_FILE]typescriptreact:file="components/floating-nav.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useRef } from "react" import { Button } from "@/components/ui/button" const navItems = [ { id: "hero", label: "Inicio", type: "section" }, { id: "details", label: "Detalles", type: "section" }, { id: "faq", label: "FAQ", type: "section" }, { id: "judges", label: "Jurado", type: "section" }, { id: "sponsors", label: "Patrocinadores", type: "section" }, { id: "/tta", label: "Crear Alpaca", type: "link" }, ] export default function FloatingNav() { const [activeSection, setActiveSection] = useState("hero") const [isVisible, setIsVisible] = useState(false) const scrollContainerRef = useRef(null) const buttonRefs = useRef>({}) useEffect(() => { const handleScroll = () => { // Show nav after scrolling past hero const heroSection = document.getElementById("hero") if (heroSection) { const heroBottom = heroSection.offsetTop + heroSection.offsetHeight setIsVisible(window.scrollY > heroBottom - 200) } // Update active section const sections = navItems .filter((item) => item.type === "section") .map((item) => document.getElementById(item.id)) const currentSection = sections.find((section) => { if (!section) return false const rect = section.getBoundingClientRect() return rect.top <= 100 && rect.bottom > 100 }) if (currentSection) { setActiveSection(currentSection.id) } } window.addEventListener("scroll", handleScroll) handleScroll() // Check initial state return () => window.removeEventListener("scroll", handleScroll) }, []) const handleNavClick = (item: (typeof navItems)[0]) => { if (item.type === "link") { window.location.href = item.id } else { const section = document.getElementById(item.id) if (section) { section.scrollIntoView({ behavior: "smooth" }) } } } // Ensure active tab stays visible within horizontal scroll area on mobile useEffect(() => { const activeButton = buttonRefs.current[activeSection] if (activeButton) { activeButton.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }) } }, [activeSection]) if (!isVisible) return null return (

{navItems.map((item) => ( ))} {/* GitHub Repository Link */}

) } [V0_FILE]typescriptreact:file="components/hero-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState, useEffect, useRef } from "react" import { Canvas } from "@react-three/fiber" import Image from "next/image" import useSound from "use-sound" import { Button } from "@/components/ui/button" import { Background3DScene } from "./background-3d-scene" import { LoadingOverlay } from "./loading-overlay" import { useMediaQuery } from "@/hooks/use-media-query" /** * Hero section with Peruvian-themed IA HACKATHON display */ export default function HeroSection() { const [isLoading, setIsLoading] = useState(true) const [isVisible, setIsVisible] = useState(false) const [scene3DLoaded, setScene3DLoaded] = useState(false) const [enableControls, setEnableControls] = useState(true) // eslint-disable-next-line @typescript-eslint/no-unused-vars const [backdropOpacity, setBackdropOpacity] = useState(0.8) const scrollTimeoutRef = useRef(null) const isMobile = useMediaQuery("(max-width: 768px)") // Button click sound const [play] = useSound("/sounds/bite.mp3", { volume: 0.5 }) // Scroll to next section const scrollToNextSection = () => { play() const nextSection = document.querySelector("footer") if (nextSection) { nextSection.scrollIntoView({ behavior: "smooth", block: "start", }) } } const handle3DLoad = () => { setScene3DLoaded(true) } useEffect(() => { if (scene3DLoaded) { // Wait a moment after 3D loads, then hide loading and show content const loadingTimer = setTimeout(() => { setIsLoading(false) }, 50) const visibilityTimer = setTimeout(() => { setIsVisible(true) }, 50) return () => { clearTimeout(loadingTimer) clearTimeout(visibilityTimer) } } }, [scene3DLoaded]) // Handle scroll detection to disable 3D controls during scrolling (desktop only) useEffect(() => { // Skip scroll detection on mobile - let touch events handle 3D interaction if (isMobile) return const handleScrollEvent = () => { // Disable controls when scrolling setEnableControls(false) // Clear existing timeout if (scrollTimeoutRef.current) { clearTimeout(scrollTimeoutRef.current) } // Re-enable controls after scrolling stops (300ms delay for responsiveness) scrollTimeoutRef.current = setTimeout(() => { setEnableControls(true) }, 300) } // Add scroll listeners for desktop only window.addEventListener("scroll", handleScrollEvent, { passive: true }) window.addEventListener("wheel", handleScrollEvent, { passive: true }) // Cleanup return () => { window.removeEventListener("scroll", handleScrollEvent) window.removeEventListener("wheel", handleScrollEvent) if (scrollTimeoutRef.current) { clearTimeout(scrollTimeoutRef.current) } } }, [isMobile]) return (

{/* 3D Background with Machu Picchu environment */}

{/* Loading overlay */} {/* Custom dark backdrop for 3D scene - adjustable opacity */}

{/* Enhanced overlay for better contrast and visual depth - non-interactive */}

{/* Subtle brand gradient overlay with improved vibrancy - non-interactive */}

{/* Top section with Peru flag */} {/*

*/} {/* Main content */}

{/* Interactive elements will use inline style for pointer-events: auto */} {/* Main logo: IA HACKATHON Brand - Always visible in exact same position */}

{/* Organizer and Partnership logos */}

{/* The Hackathon Company */}

{/* Partnership with MAKERS */}

{/* Description */}

Únete al evento de inteligencia artificial más importante del Perú

Innovación • Tecnología • Futuro

{/* CTA Buttons */}

{/* Opacity Control Panel - Commented out, using 70% default */} {/*

Backdrop Opacity

setBackdropOpacity(parseFloat(e.target.value))} className="w-32 h-2 bg-gray-700 rounded-lg appearance-none cursor-pointer slider" style={{ pointerEvents: 'auto' }} /> {Math.round(backdropOpacity * 100)}%

*/}

) } [V0_FILE]typescriptreact:file="components/footer-section.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import Image from "next/image" export default function FooterSection() { return ( ) } [V0_FILE]typescriptreact:file="components/loading-overlay.tsx" isMerged="true" "use client" /** * Loading overlay that provides background and loading indicator while 3D background loads */ export const LoadingOverlay = ({ isLoading }: { isLoading: boolean }) => { return ( <> {/* Background layer that fades out */}

{/* Loading indicator only - positioned below the logo */}

) } [V0_FILE]typescriptreact:file="components/details-section.tsx" isMerged="true" "use client" import { Calendar, MapPin, Trophy, Users } from "lucide-react" export function DetailsSection() { return (

Event Details

When

March 15-17, 2025
48 hours of innovation

Where

Lima, Peru
Hybrid: In-person & Virtual

Who

Developers, designers, and AI enthusiasts
All skill levels welcome

Prizes

$10,000 in total prizes
Mentorship & networking opportunities

) } [V0_FILE]typescriptreact:file="components/faq-section.tsx" isMerged="true" "use client" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" export function FAQSection() { const faqs = [ { question: "Who can participate?", answer: "Anyone passionate about AI and technology! Whether you're a student, professional developer, designer, or entrepreneur, you're welcome to join. Teams can have 2-4 members.", }, { question: "Do I need to be in Peru to participate?", answer: "No! While we have an in-person venue in Lima, the hackathon is hybrid. You can participate virtually from anywhere in the world.", }, { question: "What should I bring?", answer: "Bring your laptop, chargers, and your creativity! We'll provide WiFi, food, drinks, and an inspiring environment. Virtual participants just need a stable internet connection.", }, { question: "Are there any costs to participate?", answer: "No, participation is completely free! We want to make this accessible to everyone interested in AI innovation.", }, { question: "What kind of projects can I build?", answer: "Any AI-powered project! From machine learning models to chatbots, computer vision applications to generative AI tools. The only requirement is that AI plays a central role in your solution.", }, { question: "Will there be mentors available?", answer: "Yes! We'll have experienced mentors from leading tech companies and AI startups available throughout the event to help guide your projects.", }, ] return (

Frequently Asked Questions

{faqs.map((faq, index) => ( {faq.question} {faq.answer} ))}

) } [V0_FILE]typescriptreact:file="components/judges-section.tsx" isMerged="true" "use client" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" export function JudgesSection() { const judges = [ { name: "Dr. Maria Santos", role: "AI Research Lead", company: "Google AI", image: "/professional-ai-researcher.png", initials: "MS", }, { name: "Carlos Rodriguez", role: "CTO", company: "Peruvian Tech Ventures", image: "/professional-tech-executive.png", initials: "CR", }, { name: "Ana Gutierrez", role: "ML Engineer", company: "OpenAI", image: "/professional-woman-machine-learning-engineer.jpg", initials: "AG", }, { name: "Diego Fernandez", role: "Founder & CEO", company: "AI Startups Peru", image: "/startup-founder.png", initials: "DF", }, ] return (

Meet Our Judges

{judges.map((judge, index) => (

{judge.initials}

{judge.name}

{judge.role}

{judge.company}

))}

) } [V0_FILE]typescriptreact:file="components/sponsors-section.tsx" isMerged="true" "use client" export function SponsorsSection() { const sponsors = { platinum: [ { name: "Google Cloud", logo: "/images/partners/google-cloud-logo.png" }, { name: "Microsoft Azure", logo: "/microsoft-azure-logo.jpg" }, ], gold: [ { name: "OpenAI", logo: "/openai-logo-inspired-abstract.png" }, { name: "Anthropic", logo: "/anthropic-logo-abstract.png" }, { name: "Hugging Face", logo: "/hugging-face-logo.png" }, ], silver: [ { name: "Vercel", logo: "/vercel-logo.png" }, { name: "GitHub", logo: "/github-logo.png" }, { name: "AWS", logo: "/aws-logo.png" }, { name: "Stripe", logo: "/stripe-logo.png" }, ], } return (

Our Sponsors

Platinum Sponsors

{sponsors.platinum.map((sponsor, index) => (

))}

Gold Sponsors

{sponsors.gold.map((sponsor, index) => (

))}

Silver Sponsors

{sponsors.silver.map((sponsor, index) => (

))}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" isMerged="true" import HeroSection from "@/components/hero-section" import { DetailsSection } from "@/components/details-section" import { FAQSection } from "@/components/faq-section" import { JudgesSection } from "@/components/judges-section" import { SponsorsSection } from "@/components/sponsors-section" import FooterSection from "@/components/footer-section" import FloatingNav from "@/components/floating-nav" export default function Home() { return (

) } [V0_FILE]png:file="public/professional-ai-researcher.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-ai-researcher-dIOS5sy97aiStid2IiCqCs5e1aTAKu.png" isMerged="true" [V0_FILE]png:file="public/professional-tech-executive.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-tech-executive-1b7xoN8V29j9eVQB2SgFwtWmrakAMJ.png" isMerged="true" [V0_FILE]jpg:file="public/professional-woman-machine-learning-engineer.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/professional-woman-machine-learning-engineer-B9JcKJfK71U3C1ANTwvsO8u5YsSlc8.jpg" isMerged="true" [V0_FILE]png:file="public/startup-founder.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/startup-founder-Mz84xdUjQflAk2euvrwc2KDyGNYCOY.png" isMerged="true" [V0_FILE]jpg:file="public/microsoft-azure-logo.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/microsoft-azure-logo-0cJM30NAPA25wjB6UYd4iB0AA7hCih.jpg" isMerged="true" [V0_FILE]png:file="public/openai-logo-inspired-abstract.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/openai-logo-inspired-abstract-vRzP97otTqIiamTcHdh6c64T0ueqe6.png" isMerged="true" [V0_FILE]png:file="public/anthropic-logo-abstract.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/anthropic-logo-abstract-76J07B94Z6dkHDhNAb3mxfWomwh2kd.png" isMerged="true" [V0_FILE]png:file="public/hugging-face-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/hugging-face-logo-pK4lDsnWSOnVZUHpmabTwojkiQuRKf.png" isMerged="true" [V0_FILE]png:file="public/vercel-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/vercel-logo-cozHdOj8hV7H6NCERJfwameQpuSs2q.png" isMerged="true" [V0_FILE]png:file="public/github-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/github-logo-aVAFTVTqX8lubo6SCWWlYbP5xkAGU2.png" isMerged="true" [V0_FILE]png:file="public/aws-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/aws-logo-ZAlB1w19qL60nVZmGuMnbdF6pyVRRt.png" isMerged="true" [V0_FILE]png:file="public/stripe-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/stripe-logo-RmiPOIyS639G4R4cANlO7AwJLOLzb3.png" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "14.2.25", "next-themes": "^0.4.6", "react": "^19", "react-day-picker": "9.8.0", "react-dom": "^19", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67", "@react-three/fiber": "9.3.0", "@react-three/drei": "10.7.6", "lib": "5.1.0", "use-sound": "5.0.0" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="components/providers.tsx" isMerged="true" "use client" import type React from "react" import { Suspense } from "react" function ProvidersContent({ children }: { children: React.ReactNode }) { return <>{children} } export function Providers({ children }: { children: React.ReactNode }) { return ( {children} ) } [V0_FILE]typescript:file="hooks/use-media-query.ts" isMerged="true" "use client" import { useState, useEffect } from "react" export function useMediaQuery(query: string): boolean { const [matches, setMatches] = useState(false) useEffect(() => { const media = window.matchMedia(query) // Set initial value if (media.matches !== matches) { setMatches(media.matches) } // Create listener const listener = (e: MediaQueryListEvent) => { setMatches(e.matches) } // Add listener media.addEventListener("change", listener) // Cleanup return () => media.removeEventListener("change", listener) }, [matches, query]) return matches } [V0_FILE]typescript:file="lib/utils.ts" isMerged="true" import { type ClassValue, clsx } from "clsx" import { twMerge } from "tailwind-merge" export function cn(...inputs: ClassValue[]) { return twMerge(clsx(inputs)) } export function isMobile(): boolean { if (typeof window === "undefined") return false return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) } [V0_FILE]xml:file="public/BY_THC.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/BY_THC-ZW8EouWmRxpi7vGmpy7l58gyPKVUkt.svg" isMerged="true" [V0_FILE]xml:file="public/KEBO-Brand-WhitePurple.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/KEBO-Brand-WhitePurple-HFTRgGB3n4mLEraEIZjwMY72SHWqHG.svg" isMerged="true" [V0_FILE]xml:file="public/crafter-logotipo.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/crafter-logotipo-960GCtUY0Epfkqd6yXEvQoYKVGBgOh.svg" isMerged="true" [V0_FILE]png:file="public/_IA-HACK-PE-LLAMA.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/_IA-HACK-PE-LLAMA-sBNs6PBv0YE9kTJW70Wobml0LCsqOP.png" isMerged="true" [V0_FILE]png:file="public/IA-HACK-PE-LLAMA.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IA-HACK-PE-LLAMA-tUcWfgQkEOASndlyalAZk1JzhdFERc.png" isMerged="true" [V0_FILE]png:file="public/print-crafter-logo.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/print-crafter-logo-sDaPJMJjAPdJwD6r5gTRi0Q90r7c36.png" isMerged="true" [V0_FILE]png:file="public/ip.png" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/ip-Lk8QaOkXpmkKpmkHTdNTlthgZ1qpIr.png" isMerged="true" [V0_FILE]xml:file="public/partner_makers.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/partner_makers-qZHKGiVA0Pm4D7Njch55SXfgA6JmE1.svg" isMerged="true" [V0_FILE]jpg:file="public/og-image.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/og-image.jpg-LLH1FWH7xyT0e5AcEBa42urtEq7lS2.png" isMerged="true" [V0_FILE]xml:file="public/THC-BRAND-WHITE.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/THC-BRAND-WHITE-zAokuNJEAByaqIM6N9hjgLT8gaWRT3.svg" isMerged="true" [V0_FILE]xml:file="public/PE_FLAG.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/PE_FLAG-CYxK8arFc1XYqdGMQrweWbByTHpzJr.svg" isMerged="true" [V0_FILE]xml:file="public/In_partnership_with_MAKERS.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/In_partnership_with_%20MAKERS-nNakG4eMVP44EIstzC2Aq4XfTwqbK7.svg" isMerged="true" isMoved="true" [V0_FILE]xml:file="public/IA_HACK_BRAND.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/IA_HACK_BRAND-XIlBLdvQWBa1vKA3nvzyETs2kvnxPp.svg" isMerged="true" [V0_FILE]xml:file="public/window.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/window-1qX7DPXe0RINynBR1r5P6Y5WMXI0Xh.svg" isMerged="true" [V0_FILE]xml:file="public/vercel.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/vercel-qo8vNB4BOU1eDP71Tj6qgTzvsn93D0.svg" isMerged="true" [V0_FILE]xml:file="public/next.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/next-oeT3WrU2hIjShG0oUKnXXIe0q8ujMT.svg" isMerged="true" [V0_FILE]xml:file="public/globe.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/globe-a2Ya5Sj3JDOEzETevfAXDItot0Cplg.svg" isMerged="true" [V0_FILE]xml:file="public/file.svg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/file-D13sGTadf5ijaU2PW56BnJhp1FcRf6.svg" isMerged="true" [V0_FILE]typescriptreact:file="components/background-3d-scene.tsx" isEdit="true" isMerged="true" "use client" import type React from "react" import { useEffect, useRef } from "react" import { useFrame } from "@react-three/fiber" import { OrbitControls, Environment } from "@react-three/drei" import { useMediaQuery } from "@/hooks/use-media-query" /** * 3D Background Scene with rotating environment */ export const Background3DScene = ({ onLoad, enableControls }: { onLoad?: () => void; enableControls: boolean }) => { const orbitControlsRef = useRef>(null) const isMobileDevice = useMediaQuery("(max-width: 768px)") const frameCount = useRef(0) // Set default tilt to 60 degrees useEffect(() => { if (orbitControlsRef.current) { orbitControlsRef.current.setPolarAngle(Math.PI / 2.5) // ~60 degrees this is for show better machu picchu on the first load } }, []) // Use frame hook to detect when scene is ready useFrame(() => { frameCount.current += 1 // After a few frames, consider the scene loaded if (frameCount.current === 5 && onLoad) { onLoad() } }) return ( <> ) } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isQuickEdit="true" import type React from "react" import type { Metadata } from "next" import { Geist, Geist_Mono } from "next/font/google" import localFont from "next/font/local" import { Analytics } from "@vercel/analytics/react" import "./globals.css" import { Providers } from "@/components/providers" import { Suspense } from "react" const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"], }) const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"], }) // Custom font implementation - Adelle Mono const adelleMonoFont = localFont({ src: [ { path: "./fonts/Adelle Mono/AdelleMono-Light.ttf", weight: "300", style: "normal", }, { path: "./fonts/Adelle Mono/AdelleMono-LightItalic.ttf", weight: "300", style: "italic", }, { path: "./fonts/Adelle Mono/AdelleMono-Regular.ttf", weight: "400", style: "normal", }, { path: "./fonts/Adelle Mono/AdelleMono-Italic.ttf", weight: "400", style: "italic", }, { path: "./fonts/Adelle Mono/AdelleMono-Semibold.ttf", weight: "600", style: "normal", }, { path: "./fonts/Adelle Mono/AdelleMono-SemiboldItalic.ttf", weight: "600", style: "italic", }, { path: "./fonts/Adelle Mono/AdelleMono-Bold.ttf", weight: "700", style: "normal", }, { path: "./fonts/Adelle Mono/AdelleMono-BoldItalic.ttf", weight: "700", style: "italic", }, { path: "./fonts/Adelle Mono/AdelleMono-Extrabold.ttf", weight: "800", style: "normal", }, { path: "./fonts/Adelle Mono/AdelleMono-ExtraboldItalic.ttf", weight: "800", style: "italic", }, ], variable: "--font-adelle-mono", display: "swap", }) // Optional: Adelle Mono Flex variant (more condensed/flexible spacing) const adelleMonoFlexFont = localFont({ src: [ { path: "./fonts/Adelle Mono/AdelleMonoFlex-Regular.ttf", weight: "400", style: "normal", }, { path: "./fonts/Adelle Mono/AdelleMonoFlex-Bold.ttf", weight: "700", style: "normal", }, ], variable: "--font-adelle-mono-flex", display: "swap", }) export const metadata: Metadata = { metadataBase: new URL("https://peru.ai-hackathon.co"), title: "IA Hackathon Peru 2025 | 29-30 Noviembre", description: "Únete al evento de inteligencia artificial más importante del Perú. Innovación, tecnología y futuro. 29-30 de noviembre 2025.", openGraph: { title: "IA Hackathon Peru 2025 | 29-30 Noviembre", description: "Únete al evento de inteligencia artificial más importante del Perú. Innovación, tecnología y futuro. 29-30 de noviembre 2025.", url: "https://peru.ai-hackathon.co", siteName: "IA Hackathon Peru", images: [ { url: "/og-image.jpg", width: 1200, height: 630, alt: "IA Hackathon Peru 2025", }, ], locale: "es_PE", type: "website", }, twitter: { card: "summary_large_image", title: "IA Hackathon Peru 2025 | 29-30 Noviembre", description: "Únete al evento de inteligencia artificial más importante del Perú. Innovación, tecnología y futuro. 29-30 de noviembre 2025.", images: ["/og-image.jpg"], // Same image for Twitter }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) }7c:["$","$L84",null,{"chatId":"dZdOmdK0N5r","children":["$","$L85",null,{"data":{"@\"active-block\",\"dZdOmdK0N5r\",":{"id":"b_ghK9ZMi4BXR","messageId":"bQmiedLksxdLorZiPwP3hjhPjn10fOh4","source":"$86","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"peruvian-ai-hackathon","type":"code-project","project":"peruvian-ai-hackathon","taskNameActive":"Setting dark mode as default","taskNameComplete":"Set dark mode as default"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"dZdOmdK0N5r\",":false,"":null},"children":"$L87"}]}]

About

Tags

Share

About

Tags

Share

More from camilocbarrera

More Templates Like This